<%@ include file="/WEB-INF/views/commonJSTL.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>FarmaSoft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<%@ include file="/WEB-INF/views/commonResources.jsp" %>
<script type="text/javascript">
$(document).ready(function(){
    $("#dialogo").dialog({
	autoOpen: false,
    title: "Formulario Parametro",
	height: 250,
	width: 550,
	modal: true,
	buttons: {
		"Aceptar": function() {
			var flag = $("#formParameter").valid();
            if(flag){
				$.ajax({
					type: 'POST',
                    url: 'operationsParamsEditCompany',
                    data: $('#formParameter').serialize(),
                    success: function(res){
                    	location.href = "paramsCompany?_menuId=3&_subMenuId=2&_optionId=2";
                 	},
                    error:function(){alert("Error! al modificar los parametros")}
                });
                $( this ).dialog("close");
             }
         },
         Cancelar: function() {
             $( this ).dialog( "close" );
         }
	},
	close: function() {
                // implementar lo que convenga
	}
	});
    $.fn.editarParametros = function(parameterId,valueParameter,nameTypeParameter){
        $('#formParameter').each(function(){
            this.reset();
        });
        $("#titleForm").text("Modificar " + nameTypeParameter );
        $("#accion").val("1");
        $("#parameterId").val(parameterId);
        $("#valueParameter").val(valueParameter);
        //$("#name").val(name);
        $( "#dialog:ui-dialog" ).dialog( "destroy" );
        $("#dialogo").dialog("open");
    }
  
});
</script>
</head>



<body>
<div id="top-wrap">
	<%@include file="../../../head.jsp"  %>
	<div id="bodySpace">
		
	    <div class="clearfix" id="middle" style="position: absolute">  <!-- aqui va la ruta -->
	        <!-- aqui va el arbol de entrada -->
	        <div id="breadcrumb">
	            <ul><li><a href="mainFront?v=1">Home</a></li> <li><span style="color:#666">Oporaciones</span></li> 
	            <li><a href="mainFront?v=1">Home</a></li> <li><span style="color:#666">Empresa</span></li>
	            <li class="current-page"><span class="end"><span class="middle">Datos de Empresa</span></span></li>
	            </ul>
	            <!-- para la hora --> <!--<div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>-->
	        </div>
	    </div>
	    
	    <div id="principal">
            <!-- izquierda -->
            <div class="cuerpo2y" style="border: 0px solid"><br/><br/><!-- estos break son necesarios ya q uso absolute en css  cuerpo izquierdo-->
                <div class="izq">
						<%@include file="../../../bodyIzq.jsp" %>
                </div>
                
                <div class="medio" style="border: 0px solid">
					<h2 class="decorado">Parametros de Empresa</h2></br></br>
					<c:forEach var="tipeP" items="${distinctTypeParameter}">
					 <center>	
                   	<h3 class="decorado" style="width: 90%;text-align: left;" >Parametros de ${tipeP[1]}</h3>
                   	
					<table id="users" class="tabla_decorado childrenDerecho" style="width: 95%">
						<thead>
							<tr>
								<th class="th_decorado" style="width: 4%">Nro.</th>
					            <th class="th_decorado" style="width: 15%">Valor</th>
					            <th class="th_decorado" style="width: 15%">Unidad</th>
					            <th class="th_decorado" style="width: 90%">Detalle</th>
					            <th class="th_decorado" style="width: 4%">Accion</th>
					        </tr>
					    </thead>
					    <tbody>
							<c:set var="j" value="1"/>
					        <c:forEach var="parameter" items="${parametros}">
					        	<c:set var="idPara" value="${tipeP[0]}"/>
						      	<c:if test="${tipeP[0] == parameter.typeParameterId.typeParameterId}">					      	
						        <tr class="tr_decorado">
						        	<td class="td_decorado" style="text-align: center">${j}</td>
						            <td class="td_decorado">
						            	<input  type="text" class="form_input_align" name="param_2" id="param_2" value="${parameter.valueParameter}" readonly   size="7" />					                                 
						            </td>		
						            <td class="td_decorado" style="text-align: center">${parameter.unit}</td>
						            <td class="td_decorado" style="text-align: center">${parameter.detail}</td>                         
						            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Editar" onclick="$.fn.editarParametros(${parameter.parameterId},'${parameter.valueParameter}','${tipeP[1]}')" class="botonRep" title="Pulsa aqui para editar parametros de ${parameter.name}"/></td>					                            
						         </tr>
						         <c:set var="j" value="${j+1}"/>
						         </c:if>
					         </c:forEach> 
					    </tbody>
					    <tfoot class="tfoot_decorado">
					         <td colspan="4">Lista de Parametros de la Empresa - ${tipeP[1]}</td>
					    </tfoot>
					</table><br/><br/><br/>
					</c:forEach> 
					</center>
					
					<div id="printParam" style="display: none"></div>
						
				</div>
					            
					<div id="dialogo"><br/>
						<h2 class="decorado" id="titleForm"></h2><br/>
                                
                        <form id="formParameter" method="POST">
							<input type="hidden" name="accion" id="accion" value="1" />
                            <input type="hidden" name="parameterId" id="parameterId" value="-100" />
                            <div class="error" style="clear:left;text-align:center;"><span></span></div>
                            <div class="mietiqueta" style="clear:both;">
	                            <label id="mietiqueta" class="form_align35" >Valor Parametro: </label>
	                                       
	                            <input type="text" name="valueParameter" id="valueParameter" value="" class="required form_input_align" title="Ingrese " maxlength="40"/>
	                            <label class="error">*</label>
                             </div>
                         </form> 
                     </div>                   
                </div>
            </div><!--end of leftPan-->
            
            <div class="yDer" style="border: 1px solid #ccc;">
                  <%@include file="../../../notices.jsp" %>                       
            </div><!--end of rightPan-->
        </div><!--end main content -->
	</div>
</div>
</body>
</html>
